<template>
  <div style="border: 1px solid red">
    <!-- <slot name="top" /> -->
    <h4>子组件第一行</h4>
    <!-- 我们在子组件里面 必须定义一个插槽（必须给外面的结构预留一个位置） -->
    <!-- <slot /> -->

    <h4>子组件第三行</h4>
    <!-- <slot name="foot" /> -->
    <!--下面代码的意思就是 通过node属性和data属性，想父组件传递的html结构，传递了一个对象， -->
    <slot :node="node" :data="data" />
    <slot name="foot" aaa="我是aa" bbb="我是bb" />
  </div>
</template>

<script>
export default {
  name: 'VueAdminTemplateChildCom',

  data() {
    return {
      node: '11',
      data: '22'
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
